<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<%@ page session="true"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="utf-8">
<title>首页 --代驾通</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">

<!-- Le styles -->
<link rel="stylesheet" href="/htdocs/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/htdocs/css/dj.css" type="text/css" />

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>

<body>

	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="#"> <img alt="" src="/htdocs/img/logo_small.jpg" />
					<span style="margin-left: 5px;">代驾通</span> </a>
				<div class="nav-collapse">
					<ul class="nav">
						<li class="active"><a href="#">首页</a>
						</li>
						<li><a href="#about">关于</a>
						</li>
						<li><a href="#contact">联系我们</a>
						</li>
					</ul>
					<ul class="nav pull-right">
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown">张三<b class="caret"></b> </a>
							<ul class="dropdown-menu">
								<li><a href="#"> <i class="icon-cog"></i>修改密码</a></li>
								<li class="divider"></li>
								<li><a href="#"> <i class="icon-user"></i>退出</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div class="container" id="advertDiv">
		<div class="span12">
			<img alt="" src="/htdocs/img/nav.jpg"  />
		</div>
	</div>

	<div class="container">
		<div class="span12">
			<ul class="breadcrumb">
				<li>欢迎来到代驾网</li>
				<li style="float:right;margin-top:-35px;margin-right:-15px;" id="advertBtn"><a class="btn btn-success" href="#">关闭广告</a></li>
			</ul>
		</div>
	</div>

	<div class="container">
		<div class="span12">
			<div class="row-fluid">

				<div class="span6 columns ">
					<div id="myCarousel" class="carousel slide">
						<div class="carousel-inner">
							<div class="item active">
								<img src="/htdocs/img/nav_img1.jpg" alt="">
								<div class="carousel-caption">
									<h4>包您满意</h4>
									<p>寻找一位代驾师傅,帮您代驾吧^_^</p>
								</div>
							</div>
							<div class="item">
								<img src="/htdocs/img/nav_img2.jpg" alt="">
								<div class="carousel-caption">
									<h4>我代驾,您放心</h4>
									<p>兄弟喝高了吧,有我呢^_^</p>
								</div>
							</div>
							<div class="item">
								<img src="/htdocs/img/nav_img3.jpg" alt="">
								<div class="carousel-caption">
									<h4>多谢兄弟</h4>
									<p>你代驾,我放心,下次再找你^_^</p>
								</div>
							</div>
						</div>
						<a class="left carousel-control" href="#myCarousel"
							data-slide="prev">&lsaquo;</a> <a class="right carousel-control"
							href="#myCarousel" data-slide="next">&rsaquo;</a>
					</div>
				</div>

				<div class="span6">
					<div class="hero-unit" style="padding:40px 40px 40px 80px;">
						<h3>找人代驾,上代驾网</h3>
						<form class="form-horizontal" name="" action="" method="post" style="margin-top:20px;">
								<div class="control-group">
									<div class="controls" style="margin-left:0px;">
										<select id="province" style="width: 100px;">
											<option>浙江</option>
											<option>广东</option>
											<option>北京</option>
											<option>上海</option>
										</select>
										
										<select id="city" style="width: 100px;margin-left:20px">
											<option>杭州</option>
											<option>宁波</option>
											<option>湖州</option>
											<option>金华</option>
											<option>温州</option>
										</select>
										<a class="btn btn-primary" href="#" style="margin-left:20px">找师傅</a>
									</div>
								</div>
							
						</form>
					</div>
					
					<div class="hero-unit" style="padding:40px 40px 40px 80px;">
						<h3>我是代驾,上代驾网</h3>
						<form class="form-horizontal" name="" action="" method="post"  style="margin-top:20px;">
								<div class="control-group">
									<div class="controls" style="margin-left:0px;">
										<select id="province" style="width: 100px;">
											<option>浙江</option>
											<option>广东</option>
											<option>北京</option>
											<option>上海</option>
										</select>
										
										<select id="city" style="width: 100px;margin-left:20px">
											<option>杭州</option>
											<option>宁波</option>
											<option>湖州</option>
											<option>金华</option>
											<option>温州</option>
										</select>
										<a class="btn btn-primary" href="#" style="margin-left:20px">发布信息</a>
									</div>
								</div>
							
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="container">

		<div class="span12">
			<div class="row-fluid">

				<div class="span6">
					<ul class="breadcrumb">
						<li><a href="#">代驾</a> <span class="divider">/</span></li>
						<li class="active">师傅</li>
					</ul>
					<table class="table">
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
					</table>

					<div style="text-align: right;">
						<a class="btn btn-small btn-info" href="#"><i
							class="icon-info-sign icon-white"></i>更多</a>
					</div>
				</div>
				<div class="span6">
					<ul class="breadcrumb">
						<li><a href="#">代驾</a> <span class="divider">/</span></li>
						<li class="active">师傅</li>
					</ul>
					<table class="table">
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
						<tr>
							<td class="span9" style="border-top: 0px solid #DDDDDD;"><a
								href="#">张师傅 </a> <span
								style="font-size: 12px; color: #95A5A9; margin-left: 20px;">杭州地区
									驾龄3年</span></td>
							<td class="span3"
								style="border-top: 0px solid #DDDDDD; text-align: right;">
								13899999999</td>
						</tr>
					</table>

					<div style="text-align: right;">
						<a class="btn btn-small btn-info" href="#"><i
							class="icon-info-sign icon-white"></i>更多</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="container" style="margin-top: 20px;">
		<div class="span12">
			<ul class="breadcrumb">
				<li>合作代驾公司</li>
			</ul>

			<div class="span2 thumbnail" style="float: left; margin-left: 0px;">
				<img alt="" src="/htdocs/img/hezuo1.jpg">
			</div>
			<div class="span2 thumbnail" style="float: left;">
				<img alt="" src="/htdocs/img/hezuo2.jpg">
			</div>
			<div class="span2 thumbnail" style="float: left;">
				<img alt="" src="/htdocs/img/hezuo3.jpg">
			</div>
			<div class="span2 thumbnail" style="float: left;">
				<img alt="" src="/htdocs/img/hezuo4.jpg">
			</div>
		</div>
	</div>

	<div class="container" style="margin-top: 20px;">
		<div class="span12">
			<div class="well" style="text-align: center;">
				<a href="#">杭州天意网络科技有限责任公司</a> | <a href="#">关于我们</a> | <a href="#">加入我们
				</a> <br> Copyright © DaiJia, All Rights Reserved | 浙ICP证123456789
				| 浙ICP备123456789号 | 浙公网安备321313133
			</div>

		</div>
	</div>

	<!-- Le javascript
    ================================================== -->
	<script src="/htdocs/js/jquery-1.7.2.min.js"></script>
	<script src="/htdocs/js/html5placeholder.jquery.js"></script>
	<script src="/htdocs/js/bootstrap.js"></script>
	<script type="text/javascript">
		$('.carousel').carousel({
			interval : 2000
		})
	</script>
	<script type="text/javascript" src="/htdocs/js/index.js"></script>
</body>
</html>

